<!--
 * @Author: 陈俊升 761723995@qq.com
 * @Date: 2023-11-07 13:30:57
 * @LastEditors: 陈俊升 761723995@qq.com
 * @LastEditTime: 2023-11-07 14:12:37
 * @FilePath: /hr_new_vue3/src/views/Management/Contract/BaseSetting/ContractTemplate/Components/AddTemplate/ContractFileSetting.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- 合同归档设置 -->
<template>
  <section>
    <h3>新增到员工材料附件</h3>
    <a-divider />
    <div>
      <a-space direction="vertical">
        <span>提前设置新增的材料类型附件，签署完成后将自动归档</span>
        <a-upload action="/">
          <template #upload-button>
            <a-button type="outline">选择材料附件类型</a-button>
          </template>
        </a-upload>
      </a-space>
    </div>
  </section>
  <section>
    <h3>新增到员工合同记录</h3>
    <a-divider />
    <div>
      <a-space direction="vertical">
        <span>提前设置新增员工合同记录，签署完成后将自动归档</span>
        <a-upload action="/">
          <template #upload-button>
            <a-button type="outline">选择合同类型</a-button>
          </template>
        </a-upload>
      </a-space>
    </div>
  </section>
  <section>
    <h3>归档到合同档案库</h3>
    <a-divider />
    <div>
      <a-space direction="vertical">
        <span>提前设置归档的合同文件夹，签署完成后将自动归档</span>
        <a-upload action="/">
          <template #upload-button>
            <a-button type="outline">选择合同文件夹</a-button>
          </template>
        </a-upload>
      </a-space>
    </div>
  </section>
</template>

<script setup lang="ts">
import { GetBusinessModalData } from '@/apis/controltotal';

const props = withDefaults(
  defineProps<{
    data?: any;
  }>(),
  {}
);
const emit = defineEmits(['update:visible', 'update:data', 'handleOk', 'save']);

const formData = reactive({
  data: {
    text: ''
  }
});
</script>

<style lang="less" scoped>
section {
  h3 {
    font-weight: 700;
    height: 56px;
    line-height: 56px;
    &::before {
      content: '';
      display: inline-block;
      width: 6px;
      height: 40%;
      margin-right: 10px;
      background: #165dff;
      position: relative;
      top: 5px;
      border-radius: 3px;
    }
  }
  div {
    display: flex;
    justify-content: center;
  }
}
</style>
